.Toubu{width: 100%;background:url(../images/Toubu.jpg) top center repeat-y; border-bottom:1px solid #efefef }
.root {width: 100%;height: 82px;position: relative; overflow:hidden;}
.root dt {float: left; width:20%;height: 82px;}
.root dt img { width:90px; z-index:19999; position:relative}
.root dt span{ font-size:20px; color:#FFFFFF; line-height:82px; font-weight:bold}
.root .wzgg { position: relative;height: 113px;width:76%;float: right;font-size: 15px;color: #fff;line-height: 30px;text-indent: 2em; overflow:hidden; }
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal; height:50px; overflow:hidden}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: none;position: absolute;right: 0;bottom: 24px;width: 100px;height: 100px;}
.root .wzgg img {display: block;width: 100px;height: 100px;}
.wzgg{display:inline}
.wzgg_bt{display:inline; color:#FFFFFF} 
.wzgg_bt li{ width:120px; font-size:16px; line-height:80px; margin:0px 20px; float:left; font-weight:bold}
.root .wzgg .n_part1{display:inline} 
@media only screen and (max-width:1680px) { 
.root .wzgg{ width:74%; } 
} 
@media only screen and (max-width:1440px) {  
.Toubu{background:url(../images/Toubu.jpg) no-repeat left center;background-size:95% 100%;}
}
@media only screen and (max-width:1400px) {  
} 
@media only screen and (max-width:1200px) {  
.root .wzgg{ width:73%; padding-right:0%; margin-left:0%; float:right} 
.root .wzgg{ height:auto}
.root .wzgg i{ display:none}
.root dt{ }
.root{ height:auto}
}
@media only screen and (max-width:1024px) {  
.root{ height:auto}
.root dt{ width:24%}
.root .wzgg i{ display:none}
.root .wzgg{ }
}
@media only screen and (max-width:850px) {
.Toubu{  display:none} 
 
}
@media only screen and (max-width:450px) { 
}

.mainsytj_top{ text-align:center;padding:3% 0%; position:relative; margin-bottom:3%} 
.mainsytj_top .wrap{position:relative;}
.mainsytj_top h2 p{  font-size:16px;  color:#fff; display:block; line-height:28px; margin-top:30px; font-weight:normal; overflow:hidden; background:rgba(0, 0, 0, 0.5); padding:40px 50px; height:220px; overflow:hidden}
.mainsytj_top h2{ font-size:30px; line-height:36px;  color:#fff; position:absolute; top:10px; left:0%; text-align:left; width:400px} 
.mainsytj_top h2 span{ padding-left:20px;font-weight: normal; }
.mainsytj_top h1{ position:absolute; top:30px; right:0%}
.mainsytj_top h1 p{ width:370px; height:100px; display:block; margin-bottom:20px;background:url(../images/mainsytjbj.png) no-repeat center top;background-size:100% 100%; font-weight:normal}
.mainsytj_top h1 p a{line-height:120px; font-size:24px; color:#FFFFFF; }
.mainsytj_top h1 p strong{ padding-left:20px;}

@media only screen and (max-width:1680px){  
.mainsytj_top h1 p{ width:300px;}
.mainsytj_top h2{ width:290px; font-size:22px}
.mainsytj_top h2 p{ padding:20px 20px; height:270px}
}
@media only screen and (max-width:1440px){    
.mainsytj_top h1 p{ width:280px; height:88px;}
.mainsytj_top h1 p a{ font-size:18px;}
}
@media only screen and (max-width:1200px){  
.mainsytj_top h2{ display:none} 
.mainsytj_top h1{ display:none}

}
@media only screen and (max-width:1024px){  
.mainsytj_top h2{ display:none}  
}
@media only screen and (max-width:850px){  
.mainsytj_top h1{ display:none}
}   
@media only screen and (max-width:768px){   
.mainsytj_top p{ display:none}
} 
@media only screen and (max-width:450px){  
.mainsytj_top img{ padding-top:3%; width:100%}
}
@media only screen and (max-width:414px){
}
@media only screen and (max-width:328px){ 
}
 
.cpzs{ width:100%; margin: 0 auto; padding: 3% 0% 3% 0%; background:url(../images/cpzs.jpg) no-repeat center top;background-size:100% 100%; background-attachment: fixed} 
.cpzs .part4{ width:100%;text-align:center; margin-bottom:3%; }
.cpzs .part4 h2{line-height:50px; font-size:30px; display:block; font-weight:normal; color:#fff }
.cpzs .part4 h2 strong{ padding:0px 0px 0px 1%; }
.cpzs .part4 h1{ font-size:42px; color:#ddd; line-height:40px; display:block; font-weight:normal; text-transform: uppercase; }
.cpzs .part4 span{ color:#000; font-size:16px; text-transform:uppercase; font-weight:normal }  
.cpzs_l{ width:100%; margin-bottom:3%; display:none}
.cpzs_l ul{ padding:0% 0% 3% 0%; width:80%; margin: 0 auto;}
.cpzs_l li{float:left; width:23%; height:182px; margin:0% 1% 10px 1%; text-align:center; overflow:hidden}
.cpzs_l li a{ font-size:24px; line-height:108px; color:#ff0100}
.cpzs_l ul li:nth-child(1){background:url(../images/cpzs_l1.png) no-repeat center top;background-size:100% 100%; }
.cpzs_l ul li:nth-child(2){background:url(../images/cpzs_l2.png) no-repeat center top;background-size:100% 100%; }
.cpzs_l ul li:nth-child(3){background:url(../images/cpzs_l3.png) no-repeat center top;background-size:100% 100%; }
.cpzs_l ul li:nth-child(4){background:url(../images/cpzs_l4.png) no-repeat center top;background-size:100% 100%; }
.proBg{ width:100%; }
.prolist{ padding-bottom:3%}
.prolist div{ width:23%; float: left; overflow:hidden; margin:0% 1% 1% 1%; position:relative; text-align:center; } 
.prolist div h2{width:100%;float:left; overflow:hidden; max-height:300px; padding-bottom:100%; position:relative; display:block; text-align:left; }
.prolist div h2 img{ width:100%; height:100%; float:left; position:absolute; margin:inherit}
.prolist div h3{ width:100%; overflow: hidden; height:50px;line-height:50px; font-size:18px; color:#333;  font-weight:normal; text-align:center; float:left; z-index:19999; position:relative;background:#eee;}     
.prolist div img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.prolist div:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}    
.prolist div h2 p{ width:100%; overflow: hidden; height:100%;background:url(../images/cpdtss.png) no-repeat center bottom;z-index:19998;background-size:100% 100%; position:absolute; right:0px; bottom:0%; } 
.prolist div span{ height:40px; line-height:40px; margin:0% 5% 0% 0%;font-size:18px; right:0%; bottom:12%; position:absolute; z-index:19999; color:#FFFFFF; text-align:center}
.prolist div span p{display:inline; color:#FFFFFF} 
.prolist div:hover h3{background:#ff0100; color:#fff}
.prolist div:nth-child(n+13){ display: none}
@media only screen and (max-width:1680px) { 
.cpzs_l li{ height:167px;}
} 
@media only screen and (max-width:1200px) { 
.cpzs .part4 h1{ font-size:36px;}
.cpzs .part4 h2{ font-size:30px;}
.cpzs_l ul{ width:93%}
.prolist div{ width:31.3333333%; padding:0% } 
}
@media only screen and (max-width:1024px) { 
.cpzs .part4 h2{ margin-top:0px;} 
}
@media only screen and (max-width:900px) {
}  
@media only screen and (max-width:850px) {  
.cpzs .part4 h2{ font-size:24px; margin-bottom:0px;}  
.cpzs .part4 h2 em{ font-size:24px;}   
.cpzs .part4 h1{ font-size:30px;} 
.cpzs_l ul li{ width:31.3333333%}
.cpzs_l ul li:nth-child(3){ display:none}
.prolist div{ width:48%; margin:0% 1% 1% 1%;}
}     
@media only screen and (max-width:768px) {   
}
@media only screen and (max-width:600px) { 
.cpzs_l{ display:none}
}
@media only screen and (max-width:500px) { 
}  
@media only screen and (max-width:450px) {
}
@media only screen and (max-width:414px) {  
}
@media only screen and (max-width:350px) {
.cpzs .part4 h1{ font-size:24px} 
} 

.cpfl{padding:3% 0% 3% 0%; }  
.cpfl .part1{ text-align:center}  
.cpfl .part1 p{line-height:100px; font-size:22px;overflow:hidden;}
.cpfl .part1 h2{ font-size:36px; color:#ff0100; }
.cpfl .part1 h2 b{ padding-right:20px;font-weight: normal; color:#000;  }
.cpfl .part1 h2 i{ font-size:18px;  color:#ff0100; display:block; line-height:40px; font-style:normal; overflow:hidden}

.cpfl_l{width:100%; float:left; text-align:center; padding:0px 0% 30px 0%; } 
.cpfl_l li{width:5px; height:12px; background:url(../images/n.png) no-repeat; display: inline-block; margin:0% 10px}
.cpfl_l a{ color:#807d7d}   

.tempWrap{width:100%; float:left;  } 
.tempWrap li{width:23%; margin:0% 1% 1% 1%; float:left; overflow:hidden; position:relative;} 
.tempWrap li a{ background:#fff; display:block}
.tempWrap li h2{overflow:hidden; padding-bottom:100%;position:relative; display:block; }
.tempWrap li h2 img{ height:100%;  float:left; position:absolute; max-width:none;  width:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.tempWrap li h3{ color:#000; font-size:16px; line-height:50px; overflow:hidden;background:url(../images/cp_bt_1.png) no-repeat right center #fff; height:50px;padding-left:20px; margin-right:10px;} 
.tempWrap li:hover h2 img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}  
.tempWrap li:nth-child(n+9){ display:none} 
@media only screen and (max-width:1680px) { 
.tempWrap li h1 span{ font-size:16px}
} 
@media only screen and (max-width:1200px) {
.cpfl .part1 h2{ font-size:30px;}
.tempWrap li{ width:22.993333%} 
.tempWrap li:nth-child(n+13){ display:none}  
}
@media only screen and (max-width:1024px){  
} 
@media only screen and (max-width:850px) {  
.cpfl .part1 h2{ font-size:24px}
.tempWrap li{ width:48%; padding:0%; }    
.tempWrap li h1 p{ font-size:18px;}
.tempWrap li h1 i{ display:none}
.cpfl_l{ display:none}
} 
@media only screen and (max-width:768px) {
.tempWrap li h3{ background:none; text-align:center} 
}

.icompany{ width:100%; margin: 0 auto; padding:0% 0% 3% 0%;background:url(../images/icompany.jpg) no-repeat center top;background-size:cover;} 
.icompany .part4{ color:#fff;  overflow:hidden;  text-align:center; width:100%;background:url(../images/adoutt.png) no-repeat left bottom; margin-bottom:3%; padding:3% 0% 0% 0%;} 
.icompany .part4 p{ font:36px/60px "΢ÈíÑźÚ"; font-weight: bold; display:block; color:#ff0100;text-shadow: #e9f2fb 3px 0 0, #e9f2fb 0 3px 0, #e9f2fb -1px 0 0, #e9f2fb 0 -1px 0;} 
.icompany .part4 p strong{ padding-right:20px}
.icompany .part4 span{ font-size:36px;font-weight: bold; color:#06434e;text-shadow: #e9f2fb 3px 0 0, #e9f2fb 0 3px 0, #e9f2fb -1px 0 0, #e9f2fb 0 -1px 0;}
.companyt{width:54%; float: right; background:#fff; }
.companyt ul{ display:block; height:170px; overflow:hidden; padding:30px 50px 0px 50px;} 
.companyt ul p{ line-height:29px; color:#464443; }   

.companyt .announcet{ text-align:center; width:100%; float:left; height:50px;  margin:50px 50px 30px 0px; } 
.companyt .announcet h2{ font-size:16px;width:240px; height:50px; line-height:50px; font-size:16px; color:#fff; background:#fb5339; float: right; margin-right:5% }
.companyt .announcet:hover h2{ background:#f7970f;border:1px #f7970f solid; color:#FFFFFF} 
.company{ width:46%; float: left; height:452px;background:url(../images/company.jpg) no-repeat center top;background-size:cover;   }    
.company img{ transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; display:none} 
.company:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);} 

.hf1{ width:100%; float:left; display:block; }  
.hf1 h1{ width:500px; margin: 0px auto; margin-top:30px; display:block;  height:53px;background:url(../images/hf1.png) no-repeat center center; border:1px #FF0000 solid;border-radius:150px;} 
.hf1 h1:hover{background:url(../images/hf2.png) no-repeat center center #FF0000}
@media only screen and (max-width:1440px){ 
.icompany .part4 p{ font-size:33px;}
}
@media only screen and (max-width:1200px){
.icompany .part4 p{ font-size:30px; line-height:37px } 
.icompany .part4 span{ font-size:30px;}

}
@media only screen and (max-width:1024px){
.adout{ background:url(../images/adouts.jpg) no-repeat center bottom;background-size:cover; }  
.companyt{ width:100%; padding:0% 0% 0% 0%;  margin-top:0%; background:rgba(255, 255, 255, 0.7)} 
.companyt ul{ padding:20px 3%; height:62px }
.companyt .announcet{ margin:50px 50px 30px 0px}  
.companyt .announcet h2{ float:none; margin: 0 auto}
.company{ width:100%; float: left; display:block; background:rgba(255, 255, 255, 0.7); overflow:hidden; height:auto; margin-top:0%; text-align:center; padding:3% 0% 0% 0%;}
.company img{ display:block; width:50%; margin:0% auto; display: block; text-align:center; margin-bottom:0%; float:none} 
.companyt .announcet{ display: block}
.hf1{ display:none}
.companyt ul p{ line-height:30px;}

}
@media only screen and (max-width:850px){   
.icompany .part4 p{ font-size:24px}
.icompany .part4 span{ font-size:26px}
} 
@media only screen and (max-width:768px){       
} 
@media only screen and (max-width:600px){       
}
@media only screen and (max-width:414px){
.icompany .part4{background-size:auto 150%;}
.icompany .part4 p{ font-size:21px}
.icompany .part4 span{ font-size:26px} 
.company img{ width:87%;}
}
@media only screen and (max-width:350px){
.icompany .part4 p{ font-size:18px}
.icompany .part4 span{ font-size:21px}
}
.icompany .companyt .announce{ width:100%; padding-top:50px; float:left}  
.icompany .companyt .announce dt{ width:260px; float:left; font-size:24px; line-height:50px; padding-left:2%; background:#06434e;  color:#FFFFFF; } 
.icompany .companyt .announce dt b{ height:2px; width:50px; background:#fff; margin:10px 0px 10px 0px; display:block;} 
@media only screen and (max-width:1200px){ 
.icompany .companyt .announce dt{ font-size:18px}
}
@media only screen and (max-width:1024px){   
.icompany .companyt .announce{ display:none}
} 

.yc-tit{
  margin-top: 3%;
}
.yc-tit .zia{
  display: block;
  text-align: center;
  font-size: 44px;
  color: #fe0104;
  font-weight: bold;
}
.yc-tit .zib{
  display: block; 
  text-align: center;
  font-size: 18px;
  color: #333;
  background: url(../images/ys-bg.jpg) top center no-repeat;
}

.jg-ys{
  margin-top: 3%;
  height: auto;
  text-align: center;
}
.jg-ys li{
  display: inline-block;
  margin:0 1%;
  width: 16%;
}
.jg-ys li img{
  display: block;
  margin:0 auto;
}
.jg-ys li p{
  display: block;
  margin-top: 8px;
  font-size: 22px;
  color: #32231f;
  text-align: center;
}

@media only screen and (max-width:1024px){  
.yc-tit .zia{ font-size:36px}
.yc-tit .zib{ font-size:16px}
.jg-ys li p{ font-size:16px}
}
@media only screen and (max-width:765px){  
.jg-ys li{ width:28%}
}
@media only screen and (max-width:520px){ 
.yc-tit .zia{ font-size:24px} 
.jg-ys li{ width:46%}
.jg-ys li:nth-child(5){ display:none}
}
@media only screen and (max-width:412px){ 
.yc-tit .zib{ display:none}
}


  
.mainsytj_tops{ text-align: center; margin-bottom:3%;background:url(../images/mainsytj_tops.png) no-repeat center bottom; margin-bottom:3%; padding-bottom:1%;}
.mainsytj_tops h2{font-size:36px; line-height:60px;  color:#ff0100; }
.mainsytj_tops h2 span{ padding-left:2px; color:#06434e}
.mainsytj_tops p{font-size:30px; text-transform: uppercase; line-height:30px; color:#333; font-family:"times new roman"}

.mainsytj{ width:100%; padding:3% 0% 3% 0%; } 
.mainsytj dl{ width:31%; float: right;background:url(../images/mainsytjdl.jpg) no-repeat left top;background-size:100% 100%; position:relative}
.mainsytj dl a{ border:1px solid #cccccc; width:100%; float:left; height:604px; display:block}
.mainsytj dl dt{ line-height:30px; display:block;  font-size:20px; color:#ff0100; top:20px; left:20px; position:absolute;z-index:19999;}
.mainsytj dl h1{ line-height:30px; display:block;  font-size:16px; color:#ff0100; top:50px; left:20px; position:absolute;z-index:19999;background:url(../images/mainsytjh1.png) no-repeat center left; padding-left:30px;} 
 
@media only screen and (max-width:1680px){   
.mainsytj dl a{ height:529px}
}
@media only screen and (max-width:1440px){ 
.mainsytj dl a{ height:488px}
}
@media only screen and (max-width:1200px){  
.mainsytj_tops h2{ font-size:30px;}
.mainsytj dl{display:none}
.mainsytj ul{ width:100%}
}
@media only screen and (max-width:1024px){  
}
@media only screen and (max-width:850px){  
.mainsytj_tops h2{ font-size:24px;}
}   
@media only screen and (max-width:768px){    
} 
@media only screen and (max-width:500px){  
}
@media only screen and (max-width:414px){ 
}
@media only screen and (max-width:328px){ 
}
 

.mainys{ overflow:hidden; background: url(../images/mainys.jpg) no-repeat center top; margin-top:3%; padding-top:100px}
.ys{ padding:30px 0px 50px 0px; margin:3% 50px 0% 50px; background: url(../images/mainysbj.jpg) no-repeat center top;background-size:100% 100%; }
.ys ul{ width:100%; margin:  0 auto}
.ys_top{ margin: 0 auto; height:122px; background: url(../images/ys_top.png) no-repeat center bottom; text-align:center;margin-top:40px }
.ys_top h2{ font: bold 44px/10px "΢ÈíÑźÚ"; color:#06434e;  margin: 0 auto; margin-top:-10px; margin-bottom:20px;}
.ys_top span{font:20px/30px "bodoni Bd BT"; font-variant:small-caps;}
.ys_top h2 strong{ color:#fe0104; font-size:60px; padding:0px 20px;}
.ys_bot{ width:54%; float:left;}
.ys_bottop{ width:100%; height:130px;}
.ys_bottop strong{ width:300px; height:120px;font:66px/130px "bodoni Bd BT"; font-variant:small-caps; margin-top:-30px; float:left; text-align: center; background:url(../images/ys_bottop.png) no-repeat left top;background-size:100% 100%; color:#fff }
.ys_bottop h2{ font: bold 22px/32px "΢ÈíÑźÚ"; color:#06434e; display:inline}
.ys_bottop h2 span{font:24px/40px "bodoni Bd BT"; font-variant:small-caps; display:inline-block; color:rgba(0,0,0,.6);} 
.ys_bot dl{ font:16px/30px "΢ÈíÑźÚ"; }
.ys_bot dl p b{ width:10px; height:10px; display:inline-block; background:#fe0104;border-radius:150px; margin-right:20px;}
.ys1,.ys2,.ys3,.ys4{ margin: 0 auto; display:inline-block}
.ys1{ padding:75px 0px 0px 100px;  background:url(../images/ys1.png) no-repeat left top; }
.ys1 img{ width:474px; float: right; height:311px; margin:-100px 120px 0px 0px;}
.ys2{ padding:50px 0px 0px 0px; background:url(../images/ys2.png) no-repeat right top;}
.ys2 img{ width:450px; float: left; height:280px; margin:-40px 40px 0px 50px;}

.ys1 .ys_bot{ float:left}
.ys2 .ys_bot{ float: right}
.y1 .ys_bottop strong{ }

@media only screen and (max-width:1680px){  
.ys{ margin:3% 0px}  
.ys_bot{ width:48%}
.ys_bottop strong{ width:230px;}
}
@media only screen and (max-width:1440px){ 
.ys1{ padding:75px 0px 0px 50px} 
}
@media only screen and (max-width:1200px){  
.ys1 img{ width:421px; margin:-100px 10px 0px 0px} 
.ys2 img{ width:421px; margin:-40px 40px 0px 20px}
.ys_bottop strong{ width:170px; font-size:40px; height:100px; line-height:100px}
.ys_bottop h2{ font-size:18px}
.ys_bottop h2 span{ font-size:16px}
.ys_bottop{ height:74px;}
.ys1 img{ height:250px;}
.ys2 img{ height:240px;}
.ys_bot dl{ font-size:14px}
.ys_top h2{ font-size:30px;}
}
@media only screen and (max-width:1024px){  
.mainys{ padding-top:50px;} 
.ys1 img{ width:380px;}
.ys2 img{ width:380px;}
.ys_bottop strong{ width:120px}
}
@media only screen and (max-width:900px){ 
.ys1 .ys_bot{ width:100%;}
.ys_bot{ width:100%;}
.ys1 img{ width:80%; height:auto; margin: 0 auto; float:none}
.ys2 img{ width:80%; height:auto; margin: 0 auto; float:none}
.y2 img{ display:none}
.y3 img{ display:none}
.ys1{ padding:30px 0px 0px 50px}
.ys2{ padding:30px 0px 0px 50px; }
.y4 img{ padding-bottom:30px;}
}
@media only screen and (max-width:768px){ 
.mainys{ padding-top:3%}
.ys_top{ background:none; height:auto} 
.ys_top span{ font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; display:block} 
.ys_bottop{ height:auto}
.ys_bottop h2 span{ display:none}  
.ys_bottop strong{ width:160px; margin: 0 auto; display:block; float:none}
.ys_bottop h{ margin: 0 auto; display:block; text-align:center} 
.ys2{ width:94%; padding:3%}
.ys1{ width:94%; padding:3%}
.ys img{ display:none}
.ys{ margin:0%}
} 
@media only screen and (max-width:500px){  
.ys_top h2{ font-size:24px}  
}  
@media only screen and (max-width:412px){ 
.ys_top h2{ font-size:20px;}
} 

   
.xwone{ padding:3% 0% 3% 0%;background: url(../images/xwone.jpg) no-repeat left bottom #f5f5f5;background-size:cover;}
.xwone .news02_bot_bt{ width:100%; text-align:center; margin-bottom:3%; } 
.xwone .news02_bot_bt h1{ font-size:36px; line-height:70px; font-weight:normal;  } 
.xwone .news02_bot_bt h1 strong{padding:10px 20px 20px 20px; color:#06434e } 
.xwone .news02_bot_bt h2{ font-size:18px; height:3px; width:50px; background:#000; display:block; margin: 0 auto;}   

.sleft1{ width:27%; float: left; }
.sleft1 .part4{ width:100%; float:left; overflow:hidden; text-align:center; }
.sleft1 h1{ font-size:24px; height:80px; background:rgb(235 5 5 / 50%); color:#fff; line-height:80px; margin-top:340px}
.sleft1 h1 strong{ display:block; font-size:16px}
.sleft1 h1 a{ color:#FFFFFF}
.sleft1 h2{ font-size:16px; height:40px; background:#ff0100; color:#fff; line-height:40px; margin-top:85px;}
.sleft1 h2 strong{ display:block; font-size:16px}
.sleft1 h2 a{ color:#FFFFFF}  
.sleft1 .part4:nth-child(1){background: url(../images/xwone1.jpg) no-repeat center top;background-size:cover;} 
  
.xwone .xwxx{ width:71%; float:left; margin-left:2%} 
.news2{ }
.news2_div{width:45%;float:left; height:125px; margin:0% 1% 20px 1%; border-bottom:1px #a29e9e solid}
.news2_div ul{ margin:0px; padding:0px 0px 0px 10px;}
.news2_div ul li{ line-height:35px; font-size:16px; color:#000000; height:35px; text-align:left; font-weight:bold; overflow:hidden}
.news2_div ul li a{  color:#0358a8; font-family:"΢ÈíÑźÚ"; font-weight: bold; }
.news2_div ul span{ display:block; font-size:14px; font-weight: normal; color:#999}
.news2_div ul span b{ float:right; display:block; width:60px; height:20px; line-height:20px; border-radius:20px; background-color:#fe0104; text-align:center; color:#fff; text-transform:uppercase; font-size:12px;}
.news2_div ul dt{ height:55px; line-height:28px; text-align:left;overflow:hidden; color:#333; padding-top:5px;}
 
@media only screen and (max-width:1440px){ 
} 
@media only screen and (max-width:1200px){  
.xwone .news02_bot_bt h1{ font-size:30px;} 
.sleft1{ width:32%}  
.xwone .xwxx{ width:66%} 
.news2_div{width:95%;} 
.xwone .xwxx .news2_div:nth-child(n+4){ display:none}
.lxwm1 .lxtop span{ display:none}
.sleft1 h1{ font-size:18px}
}
@media only screen and (max-width:850px){ 
.xwone .news02_bot_bt h1{ font-size:24px;}   
.sleft1{ width:100%} 
.sleft1 .part4:nth-child(1){background: url(../images/xwone1.jpg) no-repeat center bottom;background-size:cover;} 
.sleft1 h1{ margin-top:185px}
.xwone .xwxx{ width:100%} 
.news2_div ul dt{ line-height:30px;}
}
@media only screen and (max-width:500px){
.xwone{ background:#f5f5f5} 
}
@media only screen and (max-width:414px){   
} 

.xwtwo{ padding:3% 0% 3% 0%; background:url(../images/xwtwo.jpg) no-repeat center center;background-size:cover }
.xwtwo .news02_bot_bt1{ width:100%; text-align:center;margin-bottom:2%; padding:0% 0% 0px 0%;}
.xwtwo .news02_bot_bt1 h1{ font-size:36px; line-height:70px; font-weight:normal;  } 
.xwtwo .news02_bot_bt1 h1 strong{padding-right:2%; color:#ff0100;  } 
.xwtwo .news02_bot_bt1 h2{ font-size:18px; line-height:30px; font-weight:normal; }   


.news02 { overflow: hidden; float: left; width:29%; background:#f5f5f5; padding-right:2%; margin-left:3%;}
.news02 li { overflow: hidden; padding-bottom:24px; border-bottom:1px solid #eaeaea}
.news02 li h2{ font-size: 15px; height: 35px; color:#000; line-height: 40px; overflow:hidden } 
.news02 li p { line-height: 23px; height:40px; overflow:hidden; color: #333; margin-top:10px;}
.news02_bot{}
.news02 dl{ width:139px;  margin:20px 20px 0px 10px; float:left}
.news02 dl dt{ height: 105px; overflow:hidden; float:left; margin-bottom:20px;}
.news02 dl dt img { width:100%; height:100%;}

.TesBox_nr{width:27%;float:left;background:url(../images/TesBox_nr.jpg) no-repeat left bottom;background-size:100% 50%;}
.TesBox_nr li{ padding:0px 50px 50px 50px; }
.TesBox_nr li h2{overflow:hidden; height:305px;position:relative; display:block;box-shadow:-3px 2px 8px 2px rgba(0, 0, 0, 1) }
.TesBox_nr li h2 img{ height:100%;  float:left; position:absolute; max-width:none;  width:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.TesBox_nr li h1{ font-size:16px; line-height:50px; font-weight:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:url(../images/TesBox_nr1.jpg) no-repeat right center #f5f5f5; height:50px; padding-left:50px;}
.TesBox_nr li:hover h2 img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}  

.xwtwo .qbot{float: right; width:37%;}
.xwtwo .qbot ul li h2{ height:4px; width:4px; background:#000;border-radius:150px; display:inline-block; font-weight:normal; float:left; margin-top:15px;}
.xwtwo .qbot ul li{display: block; height:30px;line-height:30px;color: #555; width:31.33333%; overflow:hidden; margin:0% 1% 11px 1%; float:left}
.xwtwo .qbot ul li span{float: right; display:none}
.xwtwo .qbot ul li a{ padding-left: 14px; color: #555; }
 
@media only screen and (max-width:1680px){
}
@media only screen and (max-width:1440px){
.xwtwo .qbot{ width:31%}
.xwtwo .qbot ul li{ width:98%}
.xwtwo .qbot ul li:nth-child(n+11){ display:none} 
.xwtwo .qbot ul li span{ display:block}
.TesBox_nr{ width:32%}
}
@media only screen and (max-width:1200px){  
.xwtwo .news02_bot_bt1 h1{ font-size:30px;}
.news02{ display:none}
.TesBox_nr{ width:45%;}
.xwtwo .qbot{ width:50%}   
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:850px){  
.xwtwo .news02_bot_bt1 h1{ font-size:24px;} 
.TesBox_nr{ width:100%;}
.xwtwo .qbot{ width:100%}  
.xwtwo .qbot ul li:nth-child(n+5){ display:none}  
.TesBox_nr li h2{ height:auto; padding-bottom:100%}
}
@media only screen and (max-width:460px){
.xwtwo .qbot ul li span{ display:none} 
}
@media only screen and (max-width:414px){
.TesBox_nr li{ padding:0px 20px 20px 20px}
}